<extend name="Layout:layout_base" />
<block name="head_after">
    <style type="text/css">
        .xsui-products-thumb-item { width:130px; height:100px; text-align: center; float:left; margin:10px 10px 0 0;}
        .xsui-products-thumb .picture img { width:120px; height:100px; border:solid 1px #CCC; border-radius: 5px; padding:2px;}
    </style>
</block>
<block name="body_main">
    <!--标签库-->
    <taglib name="XWAM\TagLib\ProductGoods,XWAM\TagLib\ProductCategory" />
    <!--/标签库-->
    <div id="subtop"><img height="30" src="__THEME__images/subtop.jpg" width="954"></div>
    <div id="submain">
        <div id="submainl">
            <div id="class"><img height="66" src="__THEME__images/product.gif" width="205"></div>
            <ProductCategory:tree where='{"pid":0,"status":1}'>
                <div id="classnav">
                    <ul>
                        <li><a href="{:U('product_list','cid='.$vo['id'])}">{$vo.title}</a></li>
                    </ul>
                </div>
            </ProductCategory:tree>
            <div id="lcont"><img height="148" src="__THEME__images/contacts.gif" width="205"></div>
        </div>
        <div id="submainr">
            <div id="subnav">
                <ul>
                    <li class="navl about1" style="background:url(__THEME__images/titbg.gif); padding-left:25px;">产品展示</li>
                    <li class="navr" style="padding-top:6px; ">您当前的位置 &gt;&gt; 首页 &gt;&gt; 产品中心</li>
                </ul>
            </div>
            <div id="cont" class="xsui-products-thumb">
                <ProductGoods:list where="$main_where">
                    <div class="xsui-products-thumb-item">
                        <div class="picture"><a href="{:U('product_detail','id='.$vo['id'])}" title="{$vo.title}"><img src="{$vo.picture_url}" alt="{$vo.title}" /></a></div>
                        <div class="label-price">{$vo.price}</div>
                        <div class="label-title">{:sofn_msubstr($vo['title'],0,30)}</div>
                    </div>
                </ProductGoods:list>
                <div style="clear:both"></div>
            </div>
            <div>
            </div>
        </div>
    </div>
    <div id="subbot"><img height="29" src="__THEME__images/subbot.jpg" width="954"></div>
</block>